{/* 扫描动画 */}

import { observer } from "mobx-react";
import "./index.less"



function Index(props) {

    return (
        <>
            {
                props.isShow && (
                    <div className="scan" >
                        <div className="scan-box">
                            <div className="scan-box-one frame"></div>
                            <div className="scan-box-two frame"></div>
                            <div className="scan-box-three frame"></div>
                            <div className="scan-box-four frame"></div>
                            <div className="scan-picture">
                                <img src={require("../../../assets/images/指纹.png")} alt="" />
                            </div>
                            <div className="pointer-box">
                                <div className="pointer"></div>
                            </div>
                        </div>
                        <div className="scan-tip">{props.text}</div>
                        <div className="scan-button"><div onClick={props.stop}></div></div>
                    </div>
                )
            }
        </>
    )
}

export default observer(Index)